<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>이메일 인증</title>
<script type="text/javascript" src="./js/jquery.validate.js"></script>
<script type="text/javascript" src="./js/join_check.js"></script>
<link rel="stylesheet" type="text/css" href="css/join.css" />
</head>
<body>

<form name="joinCheck_form" id="joinCheck_form" method="post">
	
	<div align="center" style =" padding-top: 60px;"><img src = 'images/join/register_title.gif'/></div>
	
	<div align="center" style = "padding-bottom: 50px;">
	<fieldset style = "border: 0px; background: #F6F6F6; 
				width: 380px; height: 65px;">
		<p/>
		<div id = 'joinFrm' align = "center">
		<span style = "padding-top: 7px; width: 50px; font-weight: bold;">이메일</span>
		<input class = 'joinBox' type="text" name="email" id="email" placeholder="이메일 주소를 입력하세요." />
		<input type="button" id="confirm_btn" value="인증 받기" /><br/>
		<div id="email_insert_result"></div>	
		</div>	
	</fieldset>
		<div id = 'resultBox'>
		<p><span id="message"></span><p/>
		<input class ='joinBox' type="text" name="confirm_num" id="confirm_num" placeholder="인증 번호를 입력하세요."/>
		<span id="loading" style="width:50%; text-align:right; z-index:100; top:65%; left:50%; diplay:none">
		<img src="./images/join/loading.gif" alt="로딩 이미지"></span><p/>
		
		<input class="submit" type="submit" id="submit_btn" value="회원가입" 
		style = "width:100px; height:31px; "/><p/>
		<span id="portal"></span>
		<input class="submit" type="submit" id="login_btn" value="로그인으로" 
		style = "width:100px; height:31px; "/>
		</div><p/>
	</div>
</form>

</body>
</html>